<template>
  <div class="errPage-container">

    <el-row>
      <el-col :span="12">
        <h1 class="text-jumbo text-ginormous">提示!</h1>
        <h2>Sorry,暂未请求到数据</h2>
        <h2>请确定是否有正确的数据返回</h2>
      </el-col>
      <el-col :span="12">
        <img :src="errGif" width="313" height="428" alt="Girl has dropped her ice cream.">
      </el-col>
    </el-row>
    <el-dialog title="随便看" :visible.sync="dialogVisible">
      <img class="pan-img" :src="ewizardClap">
    </el-dialog>
    <el-button @click="back" icon='arrow-left' class="pan-back-btn">返回</el-button>
  </div>
</template>

<script>
  import errGif from '@/assets/images/401.gif'

  export default {
    name: 'page401',
    data() {
      return {
        errGif: errGif + '?' + +new Date(),
        ewizardClap: 'https://wpimg.wallstcn.com/007ef517-bafd-4066-aae4-6883632d9646',
        dialogVisible: false
      }
    },
    methods: {
      back() {
          this.$router.push({path: '/compreQuery/index'})
        }
    }
  }
</script>

<style  scoped>
  .errPage-container{
    width: 800px;
    margin: 216px auto;
  }

  .pan-back-btn{
    background: #008489;
    color: #fff;
    border: none !important;
  }
  /*.errPage-container {*/
    /*width: 800px;*/
    /*margin: 216px auto;*/
    /*.pan-back-btn {*/
      /*background: #008489;*/
      /*color: #fff;*/
      /*border: none !important;*/
    /*}*/
    /*.pan-gif {*/
      /*margin: 0 auto;*/
      /*display: block;*/
    /*}*/
    /*.pan-img {*/
      /*display: block;*/
      /*margin: 0 auto;*/
      /*width: 100%;*/
    /*}*/
    /*.text-jumbo {*/
      /*font-size: 60px;*/
      /*font-weight: 700;*/
      /*color: #484848;*/
    /*}*/
    /*.list-unstyled {*/
      /*font-size: 14px;*/
      /*li {*/
        /*padding-bottom: 5px;*/
      /*}*/
      /*a {*/
        /*color: #008489;*/
        /*text-decoration: none;*/
        /*&:hover {*/
          /*text-decoration: underline;*/
        /*}*/
      /*}*/
    /*}*/
  /*}*/
</style>
